<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>border</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<style>
	p{
		width:200px;
		height: 100px;
		background-color: red;
		border-radius:10px;
		border-radius: 10px 40px 40px 10px;
	}
	.border-img{
		border:30px solid transparent;
		padding: 20px;
		border-image: url('https://mdn.mozillademos.org/files/4127/border.png') 30;
	}

	.gradient{
		border: 30px solid transparent;
		padding: 20px;
		border-image: linear-gradient(red,yellow) 10;
	}
</style>
</head>
<body>
	<h3>border-radius</h3>
    <p></p>
	<h3>border-image</h3>
    <div class="border-img">this is border-image</div>
    <h3>border-image:linear-gradient</h3>
	<div class="gradient"></div>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
</head>
<body>
	<DIV></div>
</body>
</html>
